<template>
  <div class="swiper-container">
    <div class="swiper-wrapper">
      <div class="swiper-slide">
        <h1>新闻报纸大杂烩</h1>
      </div>
      <div class="swiper-slide">Slide 2</div>
      <div class="swiper-slide">Slide 3</div>
      <div class="swiper-slide">Slide 4</div>
      <div class="swiper-slide">Slide 5</div>
    </div>
  </div>
</template>

<script>
import Swiper from "swiper";
import "../../node_modules/swiper/swiper-bundle.mjs";

export default {
  name: "BannerVeiw",
  mounted() {
    // 初始化 Swiper 实例
    new Swiper(".swiper-container", {
      // 配置选项
      pagination: {
        el: ".swiper-pagination",
      },
    });
  },
};
</script>

<style>
@import "~swiper/swiper-bundle.css";
</style>
